<template>
  <div>
    <!-- 头部开始 -->
    <div class="statusHead">
      <!-- 单选按钮 查询开始 -->
       <div class="checkStatus">
            <span class="statusInfo">审核状态：</span>
            <div class="statusBox">
               <el-radio v-model="radioCheck" label="1">全部</el-radio>
                <el-radio v-model="radioCheck" label="2">通过</el-radio>
                <el-radio v-model="radioCheck" label="3">未通过</el-radio>
                <el-radio v-model="radioCheck" label="4">未审核</el-radio>
                 
      </div>
     
          
          
    </div>
      <!-- 查询结束 -->
       <!-- 导出按钮开始 -->
       <div class="exportBtn">
          <el-button type="primary">导出到excel</el-button>
       </div>
  
    </div>
    <!-- 头部结束 -->

    <!-- 列表数据开始 -->

    <div class="checkListS">
        <el-table
    :data="checkData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="省份"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="市区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
    </el-table-column>
    <el-table-column
      prop="zip"
      label="邮编"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
    <!-- 列表数据 结束 -->

    <!-- 分页器开始 -->
    <el-pagination
      :page-size="20"
      :pager-count="11"
      layout="prev, pager, next"
      :total="1000">
</el-pagination>
  </div>
</template>

<script>
export default {
  methods: {
       handleClick(row) {
        console.log(row);
      }
    },

   data () {
      return {
        radioCheck: '1',
        checkData: [ ]
      };
    }
}
</script>

<style>


  .statusHead{
    max-width: 900px;
  }

  
  .checkStatus{ 
        width: 200px;
        text-align: left;
         

    }

   

  .statusBox{
    float: right;
  }

  .exportBtn{
    width: 100px;
    margin-left: 220px;
    
  }
   
</style>